<template>
  <div class="title"> 
    <div class="bit iconfont" v-for="m in list">&#xe645;&nbsp;{{m}}</div>
    <div class="detail">查看</div>
    <van-icon name="arrow" size=".05rem" />
  </div>
</template>

<script>
import Vue from 'vue';
import { Icon } from 'vant';
Vue.use(Icon);
import axios from 'axios'
export default {
  data(){
    return{
      list:[]
    }
  },
  created(){
    this._='1622957057503'
  },
  async mounted(){
    let result=await axios.get(`/v4/configure/getConfig/homeAnnouncement/4`,{
      params:{
        _:this._
      }
    })
    this.list=result.data.data
   }
}
</script>

<style lang='stylus' scoped>
@import '../../../assets/ellipsis.styl'
    .title
      width 100%
      background-color #fffaea
      font-size .1435rem
      line-height 1.06667rem
      color #f85d0d
      display flex
      flex-direction row
      justify-content center
      .bit
        font-size .1435rem
        width 3.3286rem
        line-height .4416rem
        ellipsis(100%)
        padding-left .1rem
      .detail
        width 1.2rem 
        line-height .4416rem
        text-align center
      .van-icon
        position absolute
        top .15rem
        right .17rem
        font-weight  bold
      
</style>